<template>
    <div class="comp-fork-info">
        <modal :show="true" :width="700">
            <div class="modal-header">
                <a href="javascript:;" class="close" @click="hide"><span>×</span></a>
                <span class="modal-title"> {{$tc('basic.securitySetting.forkInfo.title',1)}} {{coin}} {{$tc('basic.securitySetting.forkInfo.title',2)}}</span>
            </div>
            <div class="modal-body">
                <div class="content">
                    <section class="content-item">
                        <p>{{$t('basic.securitySetting.forkInfo.section1')}}</p>
                    </section>
                    <section class="content-item">
                        <p>{{$t('basic.securitySetting.forkInfo.section2')}}</p>
                    </section>
                    <section class="content-item">
                        <p>ABTC：</p>
                        <p>{{$t('basic.securitySetting.forkInfo.section3')}}</p>
                    </section>
                    <button @click="hide" class="ui-btn fn-block">{{$t('common.confirm')}}</button>
                </div>

            </div>
            <div class="modal-footer"></div>
        </modal>
    </div>
</template>

<script type="text/babel">

    import Vue from "vue";
    import Modal from "../../../../grsc-base/component/Modal.vue";

    export  default Vue.extend({
        data(){
            return {
            }
        },
        props: {
            onHide: {
                type: Function,
                default(){
                }
            },
            onSuccess: {
                type: Function,
                default(){
                }
            },
            coin:{
                type:String
            }
        },
        computed: {},
        components: {
            'modal': Modal
        },
        created() {

        },
        methods: {

            submit(){

            },

            hide(){
                this.$emit('hide');
            }
        }
    })
</script>

<style lang="sass" rel="stylesheet/scss">
    .comp-fork-info{
        .content{
            padding: 0 40px;
            color: #666666;
            &-item{
                padding: 8px 0;
                font-size: 13px;;
                line-height: 24px;
            }
        }
        .ui-btn{
            margin-top: 32px;
        }
    }
</style>